<section class="oe_container">
  <div class="oe_row oe_spaced">
    <h2 class="oe_slogan" style="color:#875A7B;"><b>Form Builder & Forms integration</b></h2>
    <h3 class="oe_slogan">Build easy-to-use, professional and versatile Forms to integrate and collect any information you need for your business.</h3>
  </div>
</section>

<section class="oe_container mt-4">
  <div class="row">
    <div class="offset-lg-0 offset-md-1 col-lg-6 col-md-11">
      <img class="oe_demo oe_picture oe_screenshot" src="intro-screenshot-1.png">
    </div>
    <div class="offset-lg-0 offset-md-1 col-lg-6 col-md-11">
      <img class="oe_demo oe_picture oe_screenshot" src="intro-screenshot-2.png">
    </div>
  </div>
</section>

<section class="oe_container mt-4">
  <h2 class="oe_slogan" style="color:#875A7B;">Features</h2>
  <table class="table table-bordered">
    <colgroup>
       <col span="1" style="width: 35%;">
       <col span="1" style="width: 65%;">
    </colgroup>
    <thead>
      <tr style="background-color: #875A7B; color: #fff;">
        <th>Subject</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Form Builder</strong></td>
        <td>Powerful "drag & drop" Form Builder in Odoo.</td>
      </tr>
      <tr>
        <td><strong>Forms</strong></td>
        <td>
          - Create/start new Forms<br/>
          - Publish Forms e.g. on  portal and website<br/>
          - Assign Form(s) to user and send invitation by mail<br/>
          - Forms Submissions are stored in the Odoo database<br/>
          - View, analyse, use and share Forms (submissions data)<br/>
        </td>
      </tr>
      <tr>
        <td><strong>On-premise</strong></td>
        <td>All software and data stays on your server and Odoo database: Form Builders, Form Submissions etc.</td>
      </tr>
      <tr>
        <td><strong>Highly configurable</strong></td>
        <td>Easily configure your Forms deployment, publishing and other functionalities (done in the Form Builder).</td>
      </tr>
      <tr>
        <td><strong>Integration (ERP, workflow, website)</strong></td>
        <td>
          While building and deploying standalone Forms is enjoyable ...<br/>
          Benefit from real power by integrating Forms with your workflow, ERP, website, e-commerce and other Odoo business apps.<br/>
          Visit the other Forms modules to get a basic idea - Click the author link <strong style="color: #875A7B;">"Nova Code"</strong> in the top. 
        </td>
      </tr>
      <tr>
        <td><strong>Populate Form fields with Odoo fields/data</td>
        <td>Example: populate a selection/dropdown field where choices are Odoo Products, filtered by some product-category.</td>
      </tr>
      <tr>
        <td><strong>Multilingual &amp; Translations management</strong></td>
        <td>Forms and Builders are multilingual: Language-switch buttons can be setup. Manage your custom translations (e.g. labels, select choices) in the Form Builder.</td>
      </tr>
      <tr>
        <td><strong>Upgrade-tool GUI software</strong></td>
        <td>Upgrade the GUI software (builder, forms) when a new version is available, by just a few clicks.</td>
      </tr>
      <tr>
        <td><strong>Developer Friendly</strong></td>
        <td>
          - Extend, customize the Odoo Forms modules.<br/>
          - Develop new Odoo Forms modules.<br/>
          - Develop custom Form components e.g. QR-code scanning, a value slider, reCAPTCHA component (already released as module) etc.
        </td>
      </tr>
      <tr>
        <td><strong>Installation</strong></td>
        <td>After installation you can start right away. No extra technical requirements or setup.</td>
      </tr>
      <tr>
        <td><strong>We <i class="fa fa-heart"/> open source</strong></td>
        <td>
          - LGPL-3 licensed<br/>
          - Issue reports and contributions are welcome on <code>https://github.com/novacode-nl/odoo-formio</code>
        </td>
      </tr>
    </tbody>
  </table>
</section>

<section class="oe_container mt-4">
  <div class="oe_row oe_centeralign mb32">
    <h2 class="oe_slogan" style="color:#875A7B;">Releases and Changelog</h2>
    <h5>
      <i class="fa fa-github"/> Changelog is available on the GitHub project<br/><br/>
      <code>https://github.com/novacode-nl/odoo-formio/blob/14.0/formio/CHANGELOG.md</code>
    </h5>
    <h5 class="mt32">
      <i class="fa fa-github"/> Star or subscribe the GitHub project for notifications<br/><br/>
      <code>https://github.com/novacode-nl/odoo-formio</code>
    </h5>
  </div>
  <div class="oe_row oe_centeralign mb32">
    <h2 class="oe_slogan" style="color:#875A7B;">User Documentation</h2>
    <h5>
      <i class="fa fa-github"/> User Documentation is available on the GitHub Wiki<br/><br/>
      <code>https://github.com/novacode-nl/odoo-formio/wiki</code>
    </h5>
  </div>
  <div class="oe_row oe_centeralign mb16">
    <h2 class="oe_slogan" style="color:#875A7B;">Visit the online Demo</h2>
    <h5>Click the <em>"Live Preview"</em> button in the top.</h5>
    <p class="mt8"><strong>Users</strong> (email / password)</p>
    <ul>
      <li>demo / demo</li>
      <li>portal / portal</li>
    </ul>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h2 class="oe_slogan" style="color:#875A7B;">Form Builders</h2>
    <h3 class="oe_slogan">Configure, design and store in Odoo</h3>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form Builders</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="builder-list.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form Builder Configuration</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="builder-edit.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form Builder</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="builder-formio.png">
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <h2 class="oe_slogan" style="color:#875A7B;">Forms & Submissions</h2>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Create a Form <small>(in Odoo or by hyperlink)</small></h4>
      <img class="oe_demo oe_picture oe_screenshot" src="form-odoo-create.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form: Pending</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="form-formio.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form: Completed</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="form-formio-completed.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form: Submission form-view</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="form-details.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Form Submissions</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="form-list.png">
    </div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h2 class="oe_slogan" style="color:#875A7B;">Module configuration</h2>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Settings</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="formio-config-settings.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">List of Available &amp; Installed (Form.io GUI) Versions </h4>
      <img class="oe_demo oe_picture oe_screenshot" src="formio-version-check-install.png">
    </div>
    <div class="oe_row_img oe_centered">
      <h4 class="oe_mb16 text-center">Download &amp; Install Available (Form.io GUI) Versions</h4>
      <img class="oe_demo oe_picture oe_screenshot" src="formio-version-download-install.png">
    </div>
  </div>
</section>
